<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>${data.title}</title>
    <style type="text/css">
    body {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .container {
        text-align: center;
    }

    .title {
        display: block;
        font-size: 1.1em;
        font-weight: bold;
        color: #212121;
        margin-bottom: 8px;
        width: 100%;
        margin-top: 8px;
    }

    .subTitle {
        display: block;
        font-size: 0.9em;
        color: #757575;
        width: 100%;
        margin-bottom: 8px;
    }

    .modifyDate {
        display: block;
        font-size: 0.8em;
        color: #bdbdbd;
        width: 100%;
        margin-bottom: 8px;
    }

    .content {
        margin: 0;
        padding: 8px;
        font-size: 0.8em;
    }

    img {
        width: 100%;
    }
    </style>
</head>

<body>
<div class="container">
    <div class="title">${data.title}</div>

    <div class="subTitle">${data.subTitle}</div>

    <div class="modifyDate">${data.modifyDate.format("yyyy-MM-dd HH:mm:ss")}</div>
</div>

<div class="content">
    <%=data.content%>
</div>
</body>
</html>
